.center {
  text-align: center;
}

.flex {
  display: flex;
}
.inline-flex {
  display: inline-flex;
}
.flex.align-center,
.inline-flex.align-center {
  align-items: center;
}
.flex.justify-center,
.inline-flex.justify-center {
  justify-content: center;
}
.flex.column,
.inline-flex.column {
  flex-direction: column;
}

.pointer {
  cursor: pointer;
}

/* 宽度和颜色可以根据需要进行调整 */
::-webkit-scrollbar {
  width: 8px; /* 滚动条宽度 */
  border-radius: 8px;
}
::-webkit-scrollbar-track {
  background-color: none; /* 滚动条轨道背景颜色 */
}

@media screen and (prefers-color-scheme: light) {
  ::-webkit-scrollbar-thumb {
    background-color: #e1e1e9; /* 滚动条滑块颜色 */
    border-radius: 8px;
  }

  ::-webkit-scrollbar-thumb:hover {
    background-color: #6b6969; /* 鼠标悬停时滚动条滑块颜色 */
  }
}

@media screen and (prefers-color-scheme: dark) {
  ::-webkit-scrollbar-thumb {
    background-color: #555; /* 滚动条滑块颜色 */
    border-radius: 8px;
  }

  ::-webkit-scrollbar-thumb:hover {
    background-color: #383838; /* 鼠标悬停时滚动条滑块颜色 */
  }
}

.n-modal-body-wrapper {
  max-height: 95%;
  margin: auto;
}

.n-modal-body-wrapper {
  .n-card__footer {
    position: sticky;
    bottom: 0;
    background: var(--n-color-modal);
    padding: 20px 40px;
  }
}

a[href^="http"] {
  color: skyblue;
}

.driver-popover-close-btn {
  display: flex !important;
}

.n-menu-item,
.n-tabs-tab-wrapper {
  user-select: none;
  -webkit-user-drag: none;
}
